import { mapMutations, mapState } from 'vuex'

export default (await import('vue')).default.extend({
  // 计算属性
  computed: {
    //  解构赋值，mapState映射器参数必须是数组或对象
    ...mapState(['playList', 'playListIndex', , 'isbtnShow']),

    // 解构 vuex 中的 mutations 属性
    ...mapMutations(['upataIsbtnShow']),
  },
  // 生命周期
  mounted() {
    console.log(this.$refs)
  },
  // 方法
  methods: {
    // 用于控制 播放按钮的播放与暂停
    play: function () {
      // 如果音乐暂停,点击播放
      if (this.$refs.audio.paused) {
        // 播放
        this.$refs.audio.play()
        this.upataIsbtnShow(false)
      } else {
        // 暂停
        this.$refs.audio.pause()
        this.upataIsbtnShow(true)
      }
    },
  },
})
